import { createBrowserRouter } from "react-router-dom";
import Home from "../pages/Home";
import Login from "../pages/Login";
import Register from "../pages/Register";
import Layout from '../pages/Layout'; // 确认 Layout 组件的导入路径和名称
import Quite from '../pages/Quite';
import Create from "../pages/Create";
import Settings from "../pages/Settings";

const router = createBrowserRouter([
    {
        path:'/',
        element: <Layout />, // 直接使用导入的 Layout 组件
        children:[
            {
                index:true,
                element: <Home /> // 不需要再嵌套 Layout
            },
            // 注意：/quite 路径似乎没有菜单项对应，确认是否需要
            {
                path: 'quite', // 相对路径，不需要 /
                element: <Quite />
            },
            {
                path: 'create', // 相对路径，不需要 /
                element: <Create />
            },
            {
                path: 'settings', // 相对路径，不需要 /
                element: <Settings />
            }
        ]
    },
    {
        path: '/login',
        element: <Login />
    },
    {
        path: '/register',
        element: <Register />
    },
    // 可以添加一个 404 页面
    // {
    //     path: '*',
    //     element: <h1>页面未找到</h1>
    // }
]);
export default router;